<!doctype html>
<html>

<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="__STATIC__/css/shopin.css" rel="stylesheet"/>
<style>
	#box{
		width:96vw;
		margin: 1vw 2vw;
	}
	.help{
		border-bottom:1px solid #CCCCCC;
	}
	.help_img{
		width: 23vw;
		padding: 6vw;
		display: inline-block;
		border-right: 1px solid #CCCCCC;
	}
	.help  img{
		width: 30px;
		margin: 0 6vw;
	}
	.help_img div{
		widows: 30vw;
		text-align: center;
	}
	.problem{
		width: 59vw;
		display: inline-block;
	}
	.problem li{
		height: 40px;
		line-height: 40px;
		margin-left: 2vw;
	}
	.help .problem li:first-of-type{
		border-bottom: 1px solid #CCCCCC;
	}
</style>
</head>
	<div class="header">
		<div class="left"><a href="javascript:window.history.go(-1);" class="a-back"><span>返回</span></a></div>
		<div class="center">
			<h1>帮助中心</h1>
		</div>
	</div><!--//头部结束-->
<body>
	<div id="box">
		<ul class="help">
			<div class="help_img">
				<img src="__STATIC__/images/fenxiang.png" />
				<div>关于分享></div>
			</div>
			<div class="problem">
				<li><a href="">怎么邀请注册？</a></li>
				<li><a href="">怎么分享优惠券？</a></li>
			</div>
		</ul>
		<ul class="help">
			<div class="help_img">
				<img src="__STATIC__/images/yongjin.png" />
				<div>关于会员></div>
			</div>
			<div class="problem">
					<li id="btn">为什么成为会员?</li>
					<li id="btn1">推广他人成为会员，有什么好处?</li>
				</div>
		</ul>
	<script type="text/javascript">
		var btn = document.getElementById('btn');
		// 给BTN绑定事件
		btn.onclick = function (){
			alert('1.在商城购买商品享有会员价。 2.成为会员将开启会员专属积分商城，会员等级提高，享受的特权就越多。 3.成为会员后，推广他人成为会员可得二级佣金。 4.商城如有最新活动会员将优先通知，之后还会不定期举行会员活动。');
		}
		var btn = document.getElementById('btn1');
		// 给BTN绑定事件
		btn1.onclick = function (){
			alert('1. A推荐B成为会员，可得会员费的70%  2. B推荐C成为会员，B可得会员费的70%，A还可获得会员费20%  3. C推荐D成为会员，C可得会员费的70%，B还可获得会员费20% ');
		}
	</script>
</body>
	
</html>